<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>提成发放</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
<!--    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">-->
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
<!--    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">-->
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/bootstrap-multitabs/multitabs.min.css">
    <link rel="stylesheet" href="/css/contractManager/user/contractDetail.css"/>

    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css" />

    <!-- 多选下拉 -->
<!--    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>-->

<!--    <link rel="stylesheet" href="/css/skin.css"/>-->
</head>
<body>
    <div class="outerSphereBox">
        <!--订单编号-->
        <input type="hidden" id="orderCode" name="orderCode" th:value="${orderId}">
        <div class="subheading">
            <p>订单明细 <span class="orderVoid">（订单作废）</span><span class="orderVoid2">（订单完成）</span></p>
            <div class="centerContantTwo">
                <table>
                    <tr>
                    <tr>
                        <td>订单编号：<span class="text order-num" th:text="${vo?.orderNumber?:''}"></span></td>
                        <td>订单所属分公司：<span class="text" id="orderActualTotalAmount" th:text="${vo?.companyName?:''}"></span></td>
                    </tr>
                    </tr>
                    <tr>
                        <td>订单所有人：<span class="text" th:text="${vo?.createPeopleName?:''}"></span></td>
                        <td>订单创建时间：<span class="text" th:text="${vo?.createTm?:''}"></span></td>
                    </tr>
                </table>
            </div>
        </div>
        <hr>

        <div class="subheading">
            <p>提成发放</p>
            <div>
                <div class="centerContantTwo">
                    <table>
                        <tr>
                            <td>业绩总金额：<span class="text" id="amountTotalspan" ></span></td>
                            <td>提成总额：<span class="text" id="commissionTotalspan" ></span></td>
<!--                            th:text="${vo?.sendTime?:''}"-->
                            <td>发放时间：<span class="text" id="releaseTimespan" th:text="${sendTime}"></span></td>
                            <!--<div class="pull-right">
                                <button class="btn btn-default btn-senior" data-toggle="collapse"
                                        data-target="#addInputMoney" aria-expanded="false"
                                        aria-controls="filterContent" >
                                    <i class="mdi mdi-sort-variant"></i>录入提成
                                </button>
                            </div>-->
                        </tr>
                    </table>
                </div>
<!--royalty returnMoneyTable-->
                <table id="royaltyMoneyTable"></table>
            </div>
        </div>

        <hr>

        <div class="subheading">
            <p>提成发放修改记录</p>
            <div>
                <table id="updateSendRoyaltyTable"></table>
            </div>
        </div>

    </div>

    <!-- 录入提成 弹窗 -->

    <div class="modal fade bs-example-modal-lg modal-edit" tabindex="-1" role="dialog" id="addInputMoney">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>录入提成</h4>
                </div>
                <div class="row row-pad">
                    <input type="hidden" id="customerProductId">
                    <input type="hidden" id="orderDetailId">
                    <input type="hidden" id="productOrderDetailType">
                    <input type="hidden" id="finishOrderProductId">
                    <!--<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                        <label class="control-label label-required label-width" title="产品名称">产品名称</label>
                        <div class="form-content peers-display">
                            <input type="text" class="form-control disabled-off" id="productName" placeholder="请选择产品名称" autocomplete="off">

                        </div>
                    </div>-->
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                        <label for="productName">产品名称</label>
                        <div>
                            <select id="productName" name="productName" disabled class="form-control" type="text"  onchange="getTel(this)"
                                    placeholder="请选择产品名称"></select>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                        <label class="control-label label-required label-width" title="产品售价">产品售价</label>
                        <div class="form-content peers-display">
                            <input type="text" class="form-control disabled-off" disabled id="productPrice" placeholder="" autocomplete="off">

                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                        <label class="control-label label-required label-width" title="业绩金额">业绩金额</label>
                        <div class="form-content peers-display">
                            <input type="text" class="form-control" id="scoreMoney" placeholder="请输入业绩金额" autocomplete="off">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                        <label class="control-label label-required label-width" title="业绩换算比例">业绩换算比例</label>
                        <div class="form-content peers-display">
                            <input type="text" class="form-control" id="scoreConvertRatio" placeholder="请输入业绩换算比例" autocomplete="off">

                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">
                        <label class="control-label label-required label-width" title="应发放提成">应发放提成</label>
                        <div class="form-content peers-display">
                            <input type="text" class="form-control" id="royaltyMoney" placeholder="应发放提成" autocomplete="off">

                        </div>
                    </div>
<!--                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">-->
<!--                        <label class="control-label label-required label-width" title="提成录入人">提成录入人</label>-->
<!--                        <div class="form-content peers-display">-->
<!--                            <input type="text" class="form-control" id="inputUserName" placeholder="请选择提成录入人" autocomplete="off">-->

<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-pad">-->
<!--                        <label class="control-label label-required label-width" title="录入时间">录入时间</label>-->
<!--                        <div class="form-content peers-display">-->
<!--                            <input type="text" class="form-control" id="inputTime" placeholder="请选择录入时间" autocomplete="off">-->

<!--                        </div>-->
<!--                    </div>-->


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="royaltyBtn();">确定</button>
                    <!--                onclick="hideInput()"-->
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal" onclick="hideInput()">取消</button>
                </div>
            </div>
        </div>
    </div>


</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!-- 拖动 -->
<!--<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>-->
<!--<script src="/js/crm/common/colResizable-1.6.min.js"></script>-->
<!--对话框-->
<script src="/js/jconfirm/jquery-confirm.min.js"></script>

<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<script type="text/javascript" src="/js/bootstrap-multitabs/multitabs.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>



<!-- 多选框下拉 -->
<!--<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>-->
<!--<script type="text/javascript" src="/js/bootstrap-select.js"></script>-->
<!--<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>-->
<!-- 通用js -->
<!--<script src="/js/crm/common/common.js"></script>-->
<script src="/js/crm/finance/sendRoyalty.js"></script>
</html>